/**
 * Created by wwh on 2017/7/23.
 */

layui.config({
    base: '/static/js/layuiModulesEX/'
});
layui.use(['paging','form','upload'],function () {
    var $ = layui.jquery,
        paging = layui.paging(),
        layerTips = parent.layer === undefined ? layui.layer : parent.layer, //获取父窗口的layer对象
        layer = layui.layer,
        laytpl = layui.laytpl,
        image = { },
        form = layui.form();

    var vm = new Vue({
        el:'#Vue',
        data:{
            show:true,
            businessliscense:{
                id:""
            },
            outsidepic:{
                id:""
            },
            orgInfo:{
                creatorid:userid
            },
        },
        methods:{
            /**
             * 查询按钮
             */
            search:function () {
                paging.get({
                    title:$('#searchVal').val()
                });
            },
            /**
             * 添加按钮
             */
            add:function () {
                vm.jumpToOrgInfo(null,1);
            },
            /**
             * 跳转至orgInfo页面
             */
            jumpToOrgInfo:function (orgId,operateType) {
                location.href="/student/orgInfo?orgId="+orgId+"&operateType="+operateType+"&origin='/student/employingUnits'";
}
        }
    });

    paging.init({
        openWait:true,
        url:'/orginfo/findByCondition',
        elem:'#content',// 内容容器
        params:{
            creatorid:userid
        },
        contentType : "application/json; charset=utf-8",
        type: 'POST',
        tempElem:"#tpl",
        pageConfig: { //分页参数配置
            elem: 'paged', //分页容器
            pageSize: 10 //分页大小
        },
        success:function (Response) {
            // alert('渲染成功');
        },
        fail:function (msg) {
            // alert('获取数据失败');
        },
        complate:function () {
            // alert('处理完成');
            // 绑定按钮
            $('#content').children('tr').each(function () {
               //获取每行记录的id值
                var $that = $(this).children('td:last-child');
                var id = $that.children('a[data-opt=detail]').data('id');
                // console.log(id);
                /**
                 * 详情按钮
                 */
                $that.children('a[data-opt=detail]').on('click',function () {
                    vm.jumpToOrgInfo(id,2);
                   // axios.get('/orginfo/findById/'+id)
                   //     .then(function (response) {
                   //         console.log(response.data);
                   //         vm.orgInfo = response.data.data.orgInfo;
                   //         // console.log(vm.orgInfo);
                   //         $('#form input[type=file]').parent().parent().hide(); // layui中input[type=file]的缘故
                   //         $('#form input[type!=button]').attr("readOnly", true).addClass("disabled");
                   //         $('#form input[value="提交审核"]').hide();
                   //         $('#form input[value="暂时保存"]').hide();
                   //         $('#business').attr('src', "");
                   //         $('#out').attr('src', "");
                   //         //改变图片显示
                   //         if (response.data.data.businessliscense !== null)
                   //             $('#business').attr('src', response.data.data.businessliscense.path);
                   //         if (response.data.data.outsidepic !== null)
                   //             $('#out').attr('src', response.data.data.outsidepic.path);
                   //         vm.show = false;
                   //         vm.getMapInfo();
                   //     })
                   //     .catch(function (response) {
                   //        console.log(response);
                   //     });
                });
                /**
                 * 编辑按钮
                 */
                $that.children('a[data-opt=edit]').on('click',function () {
                    vm.jumpToOrgInfo(id,3);
                    // console.log(id);
                    // axios.get('/orginfo/findById/'+id)
                    //     .then(function (response) {
                    //         console.log(response.data.data);
                    //         vm.orgInfo = response.data.data.orgInfo;
                    //         console.log(vm.orgInfo);
                    //         $('#form input[type=file]').parent().parent().show();
                    //         $('#form input[type!=button]').attr("readOnly", false).removeClass("disabled");
                    //         $('#form input[value="提交审核"]').show();
                    //         $('#form input[value="暂时保存"]').show();
                    //         $('#business').attr('src', "");
                    //         $('#out').attr('src', "");
                    //         //改变图片显示 Todo 营业执照显示问题
                    //         if (response.data.data.businessliscense !== null)
                    //             $('#business').attr('src', response.data.data.businessliscense.path);
                    //         if (response.data.data.outsidepic !== null)
                    //             $('#out').attr('src', response.data.data.outsidepic.path);
                    //         vm.show = false;
                    //         vm.getMapInfo();
                    //     })
                    //     .catch(function (response) {
                    //         console.log(response);
                    //     });
                });
            });
        }
    });

    //搜索框
    $('#search').on('click',function () {
        paging.get({
            title:$('#searchVal').val()
        });
        alert('你点击了搜索按钮');
    });

    //营业执照
    // layui.upload({
    //     url: '/upload/businessliscense',
    //     elem: '#businessliscense',
    //     success: function (response) {
    //         image.path = response.data;
    //         image.description = "营业执照";
    //         image.isencrypted = 1;//需要加密
    //         axios.post("/image/add", image)
    //             .then(function (response) {
    //                 console.log(response.data);
    //                 vm.orgInfo.businessliscense = response.data.data;
    //                 axios.get("/image/find/" + response.data.data)
    //                     .then(function (response) {
    //                         console.log(response.data);
    //                         $('#business').attr('src', response.data.data);
    //                     })
    //                     .catch(function (response) {
    //                         console.log(response);
    //                     });
    //             })
    //             .catch(function (response) {
    //                 console.log(response);
    //             })
    //
    //     },
    //     before: function () {
    //         console.log('营业执照上传中');
    //     }
    // });
    //单位外景
    // layui.upload({
    //     url: '/upload/out',
    //     elem: '#outsidepic',
    //     success: function (response) {
    //         $('#out').attr('src', response.data);
    //         console.log(response.data);
    //         image.path = response.data;
    //         image.description = "单位外景";
    //         image.isencrypted = 2;//不需要加密
    //         axios.post("/image/add", image)
    //             .then(function (response) {
    //                 console.log(response.data);
    //                 vm.orgInfo.outsidepic = response.data.data;
    //             })
    //             .catch(function (response) {
    //                 console.log(response);
    //             });
    //     },
    //     before: function () {
    //         console.log('outsidepic文件上传中');
    //     }
    // });

    // 监听提交审核
    // form.on('submit(save)',function () {
    //     var url = vm.orgInfo.id == null ? "/orginfo/addOne" : "/orginfo/modifyOneById";
    //     // var url = "/orginfo/modifyOrAddByManagerId";
    //     vm.orgInfo.state="2";
    //     console.log(vm.orgInfo);
    //     axios.post(url,vm.orgInfo)
    //         .then(function(response){
    //             console.log(response);
    //             if (response.data.success)
    //                 layer.msg("提交成功", {icon: 1, time: 1000}, function () {
    //                     location.reload();
    //                 });
    //         })
    //         .catch(function (response) {
    //             console.log(response);
    //         });
    //     return false;
    // });

    // 监听暂时保存
    // form.on('submit(saveTemporary)',function () {
    //     var url = vm.orgInfo.id == null ? "/orginfo/addOne" : "/orginfo/modifyOneById";
    //     // var url = "/orginfo/modifyOrAddByManagerId";
    //     // console.log(url);
    //     vm.orgInfo.state="1";
    //     // console.log(vm.orgInfo);
    //     axios.post(url,vm.orgInfo)
    //         .then(function(response){
    //             // console.log(response);
    //             if (response.data.success)
    //                 layer.msg("保存成功", {icon: 1, time: 1000}, function () {
    //                     location.reload();
    //                 });
    //         })
    //         .catch(function (response) {
    //             console.log(response);
    //         });
    //     return false;
    // });
});